<!DOCTYPE html>
<html>
<head>
<style>
span {
    font-size: 300%;
}
</style>
<script>
function listener() {
}
</script>
</head>
<body onclick="listener()">
<span id="clickListener" onclick="listener()">
This has a click listener.
</span></br>
<span id="touchstartListener" ontouchstart="listener()">
This has a touchstart listener.
</span></br>
<span id="mousedownListener" onmousedown="listener()">
This has a mousedown listener.
</span></br>
<span id="noListener">
This has no specific listener (the body listener should be ignored).
</span></br>
<a href="http://www.test.com/" id="link">
This has no specific listener, but it's a link.
</a></br>
</body>
</html>
